<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>手机商城</title>
<!-- CSS -->
<link rel="stylesheet" href="{url:#css/materialize.min.css}" />
<link rel="stylesheet" href="{url:#css/me.css}" />
<link rel="stylesheet" href="{url:#css/iconfont.css}" />

<style type="text/css">
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 3px; 
  }
  .btn:hover{
  	background-color:#c71f1f;
  }
  .btn-main 
  {
	  color: #FFF;
	  background-color: #dd2727;
	  border-color: #c71f1f; 
  }
/**去除绿色下划线 - 开始*/
input::-webkit-input-placeholder {
    color: #7e7e7e;
    text-indent: 5px;
}
input:not([type]),input[type=text],input[type=password],input[type=email],input[type=url],input[type=time],input[type=date],input[type=datetime-local],input[type=tel],input[type=number],input[type=search],textarea.materialize-textarea{background-color:transparent;border:none;border-radius:0;outline:none;height:1.5em;width:100%;font-size:1rem;margin:0;padding:0;box-shadow:none;}
input:not([type]):focus:not([readonly]),input[type=text]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=email]:focus:not([readonly]),input[type=url]:focus:not([readonly]),input[type=time]:focus:not([readonly]),input[type=date]:focus:not([readonly]),input[type=datetime-local]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=search]:focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:none;box-shadow:none}
/**去除绿色下划线 - 结束*/

/*开始*/
.q-rsub
{
	text-align:right;
	padding:5px 0px;
}
q-rteu
{
	padding:5px;}
.q-rsum
{
	width:50px;
	height:30px;
	background-color:#C00;
	margin-right:10px;
	border:none;
	color:#FFF;
	font-family:"微软雅黑";
}

.q-rtine
{
	width:330px;
	height:50px;
	margin:5px 0px;
	background-color:#f9e4be;
}

.q-rtane
{
	width:330px;
	height:50px;
	margin:5px 0px;
	background-color:#b5e5f1;
}
.q-rtine-left
{
	width:320px;
	height:30px;
	line-height:30px;
	margin:0 auto;
}
.q-rtine-right
{
	width:320px;
	height:20px;
	line-height:20px;
	text-align:right;
	margin:0 auto;
}
.q-rkain
{
	font-weight:bold;
}
.q-mous
{
	width:100%;
	height:1px;
	background-color:#F34E0E;
}
.q-v-mous
{
	width:80px;
	height:20px;
	text-align:right;
	display:inline-block;
}
/*结束*/
</style>
<!-- JS -->
<script src="{url:#js/jquery-1.11.3.min.js}"></script>
<script src="{url:#js/materialize.min.js}"></script>
<script src="{url:#js/home/register.js}"></script>
<script src="{url:#js/yang_check.js}"></script>


</head>
<body class="q-body">
<!-- TitleBar 开始 -->
<div class="navbar-fixed">
  <nav>
    <div class="nav-wrapper red accent-4 valign-wrapper">
      <ul class="left" id="nav-btn-left">
        <li><a><i class="iconfont">&#xe63c;</i></a></li>
      </ul>
      <span class="title-bar-size center_align">申请退款</span>
      <ul class="right">
        <li><a  class="disabled" style="visibility:hidden"><i class="iconfont">&#xe63c;</i></a></li>
      </ul>
    </div>
  </nav>
</div>
<!-- TitleBar 结束 -->

<div class="container">
	 <div class="q-reg-box">
	 
	    <table class="bordered">
      	<tbody>
      	  <!-- 
          <tr>
              <th data-field="id" class="q-v-mous">订单编号</th>
              <td>
              	<input type="text" style="disabled:block;border-bottom:1px solid" id='order_no' name="order_no"/>
              </td>
          </tr>
          -->
          <tr><div class="q-liner"></div></tr>
          <tr>
             <th data-field="name" class="q-v-mous" style="margin-top:10px;">退款方式</th>
             <td>
             	<select name='refund_type' id='refund_type' style="display:block;">
             		<option value='0'>退款之账户余额</option>
             	</select>
             </td>
          </tr>
          <tr>
              <th data-field="price" class="q-v-mous">退款原因</th>
              <td>
              	<input type="text" style="display:block;border-bottom:1px solid;" name="content" id='content'/>
              </td>
          </tr>
          <tr style="border-bottom:0px">
              <td style="text-align:center" colspan='2'>
              	<input type="button" value='申请退款' class='btn btn-main' onclick="sub_refund(this,{$order_id})"/>
              </td>
          </tr>
          
          </tbody>
        </table>
      
   </div>
   
   
   
   
   
   
      
 </div>

<script type="text/javascript">
function sub_refund( obj,order_id )
{
	var content = $("#content").val();
	if(content == '')
	{
		yang_alert('申请退款原因不能为空');
		return;
	}
	var refund_type = $("#refund_type").val();//退款的类型
	
	$.post("{url:/mobile/refund_do}",{order_id:order_id,refund_type:refund_type,content:content},function(data){
		if(data['status']=='success')
	    {
		    yang_alert(data['msg']);
		    window.location.replace("{url:/mobile/user_center}");
		    //个人中心页面
            document.location.href = "{url:/mobile/order_list/type/5}";
        }
        else
	    {
            yang_alert(data['msg']);
            window.location.replace("{url:/mobile/user_center}");
            document.location.href=document.location.href;
        }
    },'json');

	
}
</script>



</body>
</html>
